{% extends '::base.html.twig' %}

{% block title %}Main{% endblock %}

{% block stylesheets %}
    <link href='http://fonts.googleapis.com/css?family=Open+Sans:400,300,600&subset=latin,cyrillic' rel='stylesheet' type='text/css'>
    {# Twitter bootstrap #}
    <link rel="stylesheet" href="{{ asset('css/bootstrap.css') }}">
    <link rel="stylesheet" href="{{ asset('bundles/home/css/my.css') }}"/>
{% endblock %}

{% block javascripts %}
    {# jquery #}
    <script src="https://code.jquery.com/jquery.js"></script>
    {# Twitter bootstrap #}
    <script src="{{ asset('/js/bootstrap.js') }}"></script>
    {# fosjsrouting #}
    <script src="{{ asset('bundles/fosjsrouting/js/router.js') }}"></script>
    <script src="{{ path('fos_js_routing_js', {"callback": "fos.Router.setData"}) }}"></script>

    <script type="text/javascript" src="{{ asset('bundles/home/js/my.js') }}"></script>

    <script type="text/javascript">
      var _gaq = _gaq || [];
      _gaq.push(['_setAccount', 'UA-6798917-8']);
      _gaq.push(['_trackPageview']);

      (function() {
        var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
        ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
        var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
      })();
    </script>
{% endblock %}

{% block body %}
    <div class="layout">
        <div class="main">
             <div class="user-info pull-right">
                {% if is_granted("IS_AUTHENTICATED_REMEMBERED") %}
                    <a href="{{ path('fos_user_profile_show', {'username': app.user.username}) }}">
                        {% if (app.user.firstname and app.user.lastname) %}
                            {{ app.user.firstname }} {{ app.user.lastname }}
                        {% else %}
                            {{ app.user.username }}
                        {% endif %}
                    </a> |
                    <a href="{{ path('fos_user_security_logout') }}">
                        {{ 'layout.logout'|trans([], 'FOSUserBundle') }}
                    </a>
                {% endif %}
            </div>
            <h1>{{ 'support'|trans }} <span class="blue">{{ 'euro'|trans }}</span><span class="yellow">{{ 'maidan'|trans }}</span>?</h1>
            <p class="info">{{'share your stands'|trans }} <br/>{{'steps'|trans }}</p>
            <div class="steps">
                {% block steps %}{% endblock %}
            </div>
        </div>
        {% block content %} {% endblock %}
    </div>
{% endblock %}
